.cover section {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: url("../img/cover/bg.jpg") no-repeat;
    background-size: cover;
}

.cover section .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    content: " ";
    background: #000;
    opacity: 1;
    -webkit-transition: opacity 8s;
    left: 0;
    top: 0;
    z-index: 1;
}

.cover-top {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
}

.cover-top:before, .cover-top:after {
    content: " ";
    background-repeat: no-repeat;
    background-size: 100%;
}

.cover-top:before {
    float: left;
    width: 90px;
    height: 22px;
    left: 15px;
    margin-top: 5px;
    margin-left: 15px;
    background-image: url('../img/cover/logo.png');
}

.cover-top:after {
    float: right;
    height: 32px;
    width: 32px;
    /*background-image: url("../img/cover/menu_btn.png");*/
}

.cover .cover-contain {
}

.cover-title {
    -webkit-transform: scale(0);
    opacity: 1;
}

.cover-title img {
    width: 226px;
}

.cover[cover-animation] section .mask {
    opacity: 0;
}

.cover[cover-animation] .cover-title {
    -webkit-transform: scale(1.1);
    -webkit-transition: -webkit-transform .7s 4s;
    -webkit-animation: coverTitleJump .4s 4.7s;
    -webkit-animation-fill-mode: forwards;
}

.cover-center {
    right: 0;
    position: relative;
    -webkit-transform: scale(0.2);
    -webkit-transition: -webkit-transform 4s;
}

.cover[cover-animation] .cover-center {
    -webkit-transform: scale(1);
}

.cover-center img {
    width: 100%;
}

.cover .light {
    position: absolute;
    height: 75px;
    width: 100%;
    top: calc(50% - 25px);
    z-index: 2;
    -webkit-transform: scale(0.2);
    -webkit-transition: -webkit-transform 4s;
}

.cover .light:before, .cover .light:after {
    content: " ";
    width: 75px;
    height: 75px;
    position: absolute;
    top: 0;
    left: 40px;
    background: url('../img/cover/light.png');
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0.5;
    -webkit-transition: opacity 4s;
}

.cover .light:after {
    left: inherit;
    right: 40px;
}

.cover[cover-animation] .light {
    -webkit-transform: scale(1);
}

.cover[cover-animation] .light:before, .cover[cover-animation] .light:after {
    opacity: 1;
}

.cover-video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.cover-video video {
    width: 100%;
    height: 100%;
}

.cover-bottom {
    -webkit-transform: translateY(180%);
    opacity: 1;
}

.cover-bottom img {
    width: 88px;
}

.cover[cover-animation] .cover-bottom {
    -webkit-transform: translateY(0%);
    -webkit-transition: -webkit-transform .7s 4s;
}

@-webkit-keyframes coverTitleJump {
    0% {
        -webkit-transform: scale(1.13);
    }
    50% {
        -webkit-transform: scale(1);
    }
    75% {
        -webkit-transform: scale(0.99);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes coverTitleJump {
    0% {
        transform: scale(1.13);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(0.99);
    }
    100% {
        transform: scale(1);
    }
}

.cover-contain {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-47%);
    transform: translateY(-47%);
}